<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>用户登录-风游美食</title>
    <link rel="stylesheet" href="../css/global.css">
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="stylesheet" href="../css/font-awesome.min.css">
    <link rel="shortcut icon" href="../img/f.ico" type="image/icon">
</head>

<body>
    <div class="box">
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../img/login-1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../img/login-2.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../img/login-3.jpg" alt=""></div>
            </div>
        </div>
        <!-- 登录  -->
        <div class="login">
            <div class="login-head">
                <a class="a1" href="regist.html">注 册</a>
                <a class="a2" href="#">登 录</a>
            </div>
            <div class="login-txt">
                <div class="txt-1">
                    <ul class="form">
                        <li>
                            <label for="username">手机号/昵称：</label>
                            <input type="text">
                        </li>
                        <li class="password">
                            <label for="password">密　码：</label>
                            <input type="password">
                        </li>
                    </ul>
                    <div class="chckbox">
                        <div><input type="checkbox">&nbsp;下次自动登录</div>
                        <a href="#">忘记密码？</a>
                    </div>
                    <button><a href="../index.html">登 录</a></button>
                </div>
                <div class="txt-2">
                    <div class="pic"><img src="../img/二维码.png" alt=""></div>
                    <span>扫描二维码下载客户端</span>
                    <div class="meth">
                        <a href="#"><i class="fa fa-qq" aria-hidden="true"></i></a>
                        <a href="#"><i class="fa fa-weixin" aria-hidden="true"></i></a>
                        <a href="#"><i class="fa fa-weibo" aria-hidden="true"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>




</body>
<script src="../js/swiper.min.js"></script>

<!-- Initialize Swiper -->
<script>
    var swiper = new Swiper('.swiper-container', {
        effect: 'fade',
        allowTouchMove: false,
        autoplay: true,
        cssMode: true,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        autoplay: {
            disableOnInteraction: false,
        },
        pagination: {
            el: '.swiper-pagination'
        },
        mousewheel: true,
        keyboard: true,
    });
</script>

</html>